.notice-container {
    position: absolute;
    top: 106px;
    left: 0;
    bottom: 0;
    right: 0;
}

.review-project-container {
    overflow-y: scroll;
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    height: 100%;
    border-right: 1px solid #f0f0f0;
    padding: 1rem .5rem 1rem 1.5rem;
    width: 400px;
}

.ui.top.attached.tabular.menu>.item:hover {
    background-color: rgba(255, 255, 255, 0) !important;
}



.review-detail-project-container {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 400px;
    right: 0;
    bottom: 0;
    border-right: 1px solid #f0f0f0;
}

.notice-applier-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    bottom: 0;
    padding-left: 1rem;
    overflow-y: scroll;
    margin-right: 0;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    // &.project-mode {
    //     margin-right: 400px;
    //     -webkit-animation: shortapplier .4s ease-in;
    // }
    // &.applier-mode {
    //     margin-right: 0;
    //     -webkit-animation: longapplier .4s ease-in;
    // }
}

.notice-project-container {
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    width: 39%;
    padding: 0 .5rem;
    background-color: #fff;
    &.project-mode {
        left: 61%;
        -webkit-animation: showproject .4s ease-in;
    }
    &.applier-mode {
        left: 100%;
        -webkit-animation: hideproject .4s ease-out;
    }
    .notice {
        letter-spacing: 1px;
        line-height: 2rem;
    }
    .strong {
        display: inline;
        font-size: 1.2rem;
        font-weight: bolder;
    }
    .checkbox {
        display: inline;
        margin-right: 3px;
        margin-top: 2px;
    }
}

@-webkit-keyframes showproject {
    0% {
        left: 100%
    }
    100% {
        left: 61%;
    }
}

@-webkit-keyframes hideproject {
    0% {
        left: 61%;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes hideapplier {
    0% {
        margin: 1.5rem 1rem 3rem 1rem;
        left: 0;
        opacity: 1;
    }
    60% {
        margin: 1.5rem 1rem 3rem 1rem;
        left: 100%;
        opacity: 1;
    }
    100% {
        height: 0;
        margin: 0;
        left: 100%;
        opacity: 0;
        display: none;
    }
}

.notice-panel {
    margin: 1.5rem 1rem 3rem 1rem;
    background-color: #fff;
    padding: .5rem 1rem;
    position: relative;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .33);
    position: relative;
    border-radius: 4px;
    top: 0;
    left: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    &.hide {
        -webkit-animation: hideapplier .4s ease-in;
    }
    &:hover {
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .48);
    }
    .notice-content {
        display: block;
        font-size: 14px;
        margin: .5rem 0;
        abbr {
            cursor: help;
            color: #aaa;
            font-weight: normal;
            margin-right: .5rem;
        }
        .info-item {
            padding: 0 10px 0 0;
            color: #333;
            letter-spacing: 1px;
            display: inline-flex;
            margin-right: .5rem;
            min-width: 147px;
            align-items: center;
            .label {
                font-size: 14px;
                border: none;
            }
            &:last-child {
                border: none;
            }
            .label.info {
                font-size: 14px;
                width: 24px;
            }
            .text.info {
                font-size: 14px;
                letter-spacing: 1px;
            }
        }
    }
    .notice-header {
        font-size: 1.8rem;
        margin: 3rem 3rem -1rem 3rem;
        color: #333;
        letter-spacing: 2px;
        position: relative;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        abbr {
            font-variant: normal;
            cursor: help;
        }
        .notice-content {
            display: inline;
            margin-left: 1rem;
        }
    }
    .notice-sub-header {
        margin: -8px 0 15px 0 !important;
        font-size: 14px !important;
        letter-spacing: 2px;
        color: #333 !important;
        // background-color: #5E6266;
        border-radius: 2px;
        padding: 1rem;
        span {
            border-bottom: 1px dotted #999;
        }
    }
    .ui.selection.dropdown {
        padding: 8px 1rem;
        font-size: 13px;
        border-radius: 2px;
        background-color: #e8e8e8;
    }
}

.buttons-list {
    position: absolute;
    right: 15px;
    bottom: 1rem;
    .ui.button.notice {
        margin-left: .5rem;
        border-radius: 2px;
        font-weight: normal;
    }
}

//审核统计表格
table#reviewSummaryTable.ui.segment.seven.column.table.padded {
    text-align: center;
    margin-top: 20px;
    td {
        text-align: center;
        a.link {
            color: #3B83C0;
            &.location {
                color: rgba(0, 0, 0, .8);
            }
        }
    }
    th {
        text-align: center;
    }
}
